<template>
	<view class="modifyName">
		<form @submit="submitForm">
			<view class="card">
				<view class="list flex">
					<view class="label">姓名</view>
					<input type="text" placeholder="请输入您的姓名">
				</view>
			</view>
			<button form-type="submit" class="submit">确定提交</button>
		</form>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				codeText:"获取验证码"
			};
		}
	}
</script>

<style lang="less">
	page{
		background: #f2f3f4;
	}
	@color: #4CD964;
	.modifyName{
		padding-top: 30rpx;
		.card{
			padding: 10rpx 30rpx;
			background: white;
			.list{
				height: 100rpx;
				border-bottom:1px solid #eee;;
				.label{
					width: 120rpx;
					font-size: 32rpx;
				}
				input{
					width: 480rpx;
				}
			}
		}
		.submit{
			margin: 100rpx 30rpx;
			background: @color;
			color:#fff;
		}
	}
</style>
